<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>use</title>
    <link rel="stylesheet" href="static/css/swiper-bundle.min.css" />
    <link rel="stylesheet" href="static/css/animate.min.css" />
    <link rel="stylesheet" href="static/css/common.css" />
    <link rel="stylesheet" href="static/css/style.css" />
    <link rel="stylesheet" href="./static/css/index.css" />
    <link rel="stylesheet" href="./static/css/product-center.css" />
    <link rel="stylesheet" href="./static/css/product-center-two.css" />
    <link rel="stylesheet" href="./static/css/use-case.css" />
    <script src="static/js/jQuery.js"></script>
    <script src="static/js/layui.js"></script>
    <script src="static/js/swiper-bundle.min.js"></script>
  </head>
  <body>
    <header class="com-header"></header>
    <script>
      $(function () {
        $('.com-header').load('component/header.html'); //加载导航栏
      });
    </script>
    <section class="s1">
      <div class="img shdow-sheet">
        <img src="static/images/banner/yy.jpg" alt="ctmon" />
      </div>
      <div class="text yanjiu W1400">
        <div class="w1400 texttitile">
          <div class="text1">
            <h1 class="anli">案例研究</h1>
            <h1 class="anli">工业制冷的实践与突破</h1>
          </div>
          <div class="box">
            <div class="box-right s1-com-btn">在线联系我们</div>
            <div class="box-left s1-com-btn active">制定专属方案</div>
          </div>
        </div>
      </div>
    </section>
    <section class="s2">
      <div class="priduct-center-two-title w1400">
        <div class="title wow fadeInUp">
          <h2 class="bufen">部分应用案例</h2>
          <span>创新实践，卓越成效，技术融合，效率飞跃</span>
        </div>
        <div class="flex_father wow fadeInUp">
          <div class="line">
            <div class="line-top">
              <img src="./static/images/produte-2-img/组 14.png" alt="ctmon" />
            </div>
            <div class="line-bottom">中国宝武马钢集团</div>
          </div>
          <div class="line">
            <div class="line-top">
              <img src="./static/images/produte-2-img/11.png" alt="ctmon" />
            </div>
            <div class="line-bottom">2022北京冬奥会</div>
          </div>
          <div class="line">
            <div class="line-top">
              <img src="./static/images/produte-2-img/11.png" alt="ctmon" />
            </div>
            <div class="line-bottom">建筑模板行业</div>
          </div>
          <div class="line">
            <div class="line-top">
              <img src="./static/images/produte-2-img/组 17.png" alt="ctmon" />
            </div>
            <div class="line-bottom">印度尼西亚</div>
          </div>
          <div class="line">
            <div class="line-top">
              <img src="./static/images/produte-2-img/组 18.png" alt="ctmon" />
            </div>
            <div class="line-bottom">中国核电集团</div>
          </div>
          <div class="line">
            <div class="line-top">
              <img src="./static/images/produte-2-img/组 19.png" alt="ctmon" />
            </div>
            <div class="line-bottom">中石化</div>
          </div>
          <div class="line">
            <div class="line-top">
              <img src="./static/images/produte-2-img/组 20.png" alt="ctmon" />
            </div>
            <div class="line-bottom">中石油</div>
          </div>
          <div class="line">
            <div class="line-top">
              <img src="./static/images/produte-2-img/11.png" alt="ctmon" />
            </div>
            <div class="line-bottom">武汉城投</div>
          </div>
          <div class="line">
            <div class="line-top">
              <img src="./static/images/produte-2-img/11.png" alt="ctmon" />
            </div>
            <div class="line-bottom">德国司马化工</div>
          </div>
          <div class="line">
            <div class="line-top">
              <img src="./static/images/produte-2-img/组 23.png" alt="ctmon" />
            </div>
            <div class="line-bottom">优美科</div>
          </div>
          <div class="line">
            <div class="line-top">
              <img src="./static/images/produte-2-img/组 24.png" alt="ctmon" />
            </div>
            <div class="line-bottom">中国电子集团</div>
          </div>
          <div class="line">
            <div class="line-top">
              <!-- <img src="./static/images/produte-2-img/组 24.png" alt="ctmon" /> -->
            </div>
            <!-- <div class="line-bottom">中国电子集团</div> -->
          </div>
        </div>
        <div class="btn-use-base">
          <ul>
            <li>
              <img src="static/images/picture/左键 拷贝 4.png" alt="ctmon" />
            </li>
            <li class="active">1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
            <li>7</li>
            <li>
              <img src="static/images/picture/zuoone.png" alt="ctmon" />
            </li>
          </ul>
        </div>
      </div>
    </section>
    <footer class="com-footer">
      <script>
        $(function () {
          $('.com-footer').load('component/footer.html'); //加载足部
        });
      </script>
    </footer>
    <script src="./static/js/wow.js"></script>
    <script src="static/js/public.js" defer></script>
    <script src="static/js/jquery.counterup.js"></script>
    <script src="./static/js/index.js"></script>
    <script>
      var nale = document.querySelectorAll('.btn-use-base a');
    </script>
  </body>
</html>
